// 判断有没有登录
function isLogin() {
    if(!Cookies.get('token')) {
        Cookies.set('isLogin', true)
        window.location.href = './index.html'
    }
}

// 获取当前登录用户的基本信息
function getUserInfo() {
    return new Promise((resolve, reject) => {
        $.ajax({
            url: '/getInfo',
            type: 'GET',
            headers: {
                Authorization: Cookies.get('token')
            },
            success: function(res) {
                resolve(res)
            }
        })
    })
}

//  渲染昵称
async function renderNickname() {
    let str = ''
    // 判断是否存在token
    if(Cookies.get('token')) {
        const res = await getUserInfo()
        // console.log(res)
        // 渲染
        str = `<a id="go-cart" href="javascript:;" >${res.data.nickname}</a> / <a id="logout" href="javascript:;" >退出登录</a>`
        localStorage.setItem('user_id', res.data._id)
        localStorage.setItem('username', res.data.username)

    }else {
        str = `<a class="log-popup-btn" href="javascript:;" >登录</a> / <a class="sign-popup-btn" href="javascript:;" >注册</a>`
    }
    $('.topbar-register').html(str)
    // 点击昵称去购物车
    $('.topbar-register').on('click', '#go-cart', function() {
        window.location.href = ('./cart.html')
    })
    // 点击退出登录退出登录
    $('.topbar-register').on('click', '#logout', function() {
        Cookies.remove('token')
        window.location.href = ('./index.html')
    })
    
}

$(function() {
    renderNickname()
    // 注册
    $('#register').click(function() {
        $.ajax({
            url: '/register',
            type: 'POST',
            data: {
                username: $('#inp-un-re').val(),
                nickname: $('#inp-nn-re').val(),
                password: $('#inp-pwd-re').val()
            },
            success: function(res) {
                if(res.code !== 0) {
                    // alert(res.msg)
                    $('#user-danger-msg').addClass('alert-danger').text(res.msg)
                    $('#user-danger').slideDown()
                    $('#inp-pwd-re').val('')
                    return
                }
                $('#user-danger-msg').removeClass('alert-danger').addClass('alert-success').text(res.msg)
                $('#user-danger').slideDown()
                Cookies.set('isLogin', true)
                setTimeout(function() {
                    window.location.href = './index.html'
                }, 1000)
            }
        })
    })

    // 注册关闭按钮，点击后清空状态
    $('.sign-close-btn').on('click',function(){
        $('#user-danger').hide()
        $('#inp-un-re').val(''),
        $('#inp-nn-re').val(''),
        $('#inp-pwd-re').val('')
    });
    // 登录关闭按钮，点击后清空状态
    $('.log-close-btn').on('click',function(){
        $('#login-danger').hide()
        $('#inp-un-login').val(''),
        $('#inp-pwd-login').val('')
    });

    // 登录
    $('#login').click(function() {
        $.ajax({
            url: '/login',
            type: 'POST',
            data: {
                username: $('#inp-un-login').val(),
                password: $('#inp-pwd-login').val()
            },
            success: function(res) {
                if(res.code !== 0) {
                    $('#login-danger-msg').addClass('alert-danger').text(res.msg)
                    $('#login-danger').slideDown()
                    $('#inp-pwd-login').val('')
                    return
                }
                $('#login-danger-msg').removeClass('alert-danger').addClass('alert-success').text(res.msg)
                $('#login-danger').slideDown()
                Cookies.set('token', res.token)
                setTimeout(function() {
                    window.location.href = './index.html'
                }, 1000)
            }
        })
    })
})

// 事件委托存数据方法
function setItemInfo(item, value) {
    $(item).on('click', value, function() {
        localStorage.setItem('item_info', $(this).data('id'))
    })
}